<!DOCTYPE html>
<html lang="zh-CN">
<!--<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">-->
<head>
    <meta charset="utf-8">
    <meta name="description" content="练习使用SpringSecurity">
    <meta name="author" content="LiuShihao">
    <title>HOME</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/css/signin.css" rel="stylesheet" type="text/css">
    <link href="xtiper/css/xtiper.css" type="text/css" rel="stylesheet" />
    <script src="xtiper/js/xtiper.js" type="text/javascript"></script>

</head>

<body>
<div class="container">
    <br>
    <button class="xbutton" onclick="xtip.msg('这是一个短消息')">短消息</button>
    <button class="xbutton" onclick="xtip.msg('The world!',{times:3})">停顿3秒</button>
    <button class="xbutton" onclick="xtip.msg('顶部消息',{pos:'t'})">顶部消息</button>
    <button class="xbutton" onclick="xtip.msg('底部消息',{pos:'b'})">底部消息</button>
    <button class="xbutton" onclick="xtip.msg('带图标',{icon:'s'})">带图标</button>
    <button class="xbutton" onclick="xtip.msg('白色风格',{icon:'e',type:'w'})">白色风格</button>
    <button class="xbutton" onclick="xtip.msg('自定义图标',{icon:'css/img.png',type:'w'})">自定义图标</button>
    <hr><br>
    <button class="xbutton" onclick="xtip.danmu('弹幕填充',{light:true,type:'b',icon:'w'})">弹幕</button>
    <hr><br>

    <hr><br>
    <button class="xbutton" onclick="delmsg(1)">删除</button>
    <button class="xbutton" onclick="xtip.confirm('确认删除吗？','',{title:'This is English',shade:false,btn:['Yes','No']});">无遮罩</button>
    <button class="xbutton" onclick="xtip.confirm('成功','',{icon:'s'})">成功</button>
    <button class="xbutton" onclick="xtip.confirm('失败','',{icon:'e'})">失败</button>
    <button class="xbutton" onclick="xtip.confirm('警告','',{icon:'w'})">警告</button>
    <button class="xbutton" onclick="xtip.confirm('询问','',{icon:'a'})">询问</button>
    <button class="xbutton" onclick="xtip.confirm('微笑','',{icon:'h'})">微笑</button>
    <button class="xbutton" onclick="xtip.confirm('自定义图标','',{icon:['css/img.png','#1dbbae']})">自定义图标</button>
    <script>
        //一般可以自定义一个函数用来传参数
        function delmsg(id)
        {
            xtip.confirm('确认删除吗？',function(){
                xtip.msg('执行你的删除代码，要删除的id：'+id);
            });
        }
    </script>
    <hr><br>
    <button onclick="window.location.href='/logout'">退出登录</button>
</div>
</body>
</html>
